<template>
  <div>
    <virtual-list :size="120" :remain="8" :items="items" :variable="true">
      <template #default="item">
        <h3 style="border: 1px solid red; padding:20px 0">{{ item }}</h3>
      </template>
    </virtual-list>
  </div>
</template>

<script>
import virtualList from "@/views/system/user/virtual/virtual-list";
import Mock from 'mockjs'
let items = [];
for (let i = 0; i < 100000; i++) {
  items.push({id: i, value: Mock.Random.sentence(5,50)})
}
export default {
  name: "index",
  components: { virtualList },
  data() {
    return {
      items
    }
  },
  created() {
  }
}
</script>

<style scoped>
* {
  box-sizing: border-box;
}
</style>
